<template>
    <div class="container">
      <button @click="visiable=true">删除</button>
      <message-box 
        title="提示" 
        message="此操作将永久删除该文件, 是否继续?" 
        icon="icon-yuanceliang"
        v-show="visiable"
        @close="closeMbHandle"
        @ok="okMbHandle"
        @cancle="cancleMbHandle"></message-box>
    </div>
</template>

<script>
export default {
  data(){
    return{
      visiable:false
    }
  },
  methods:{
    closeMbHandle(){
      this.visiable=false
    },
    okMbHandle(arg){
      console.log('ok--arg',arg);
      this.visiable=false
    },
    cancleMbHandle(arg){
      console.log('cancle-arg',arg);
      this.visiable=false
    }
  }
}
</script>
<style lang="scss">
  .container{
    width: 100vw;
    height: 100vh;
    background: #ccc;  
  }
</style>